<!-- container -->
  <div class="container">
      <!-- help -->
      <div class="help-top">
          <div class="wrap">
              <div class="help-notice clearfix">
                   <div class="help-n-tit">公告：</div>
                   <div class="picScroll-top">
                        <div class="bd">
                            <ul class="picList">
                                 {volist name="noticedata" id="v"}
                                    <li><a href="{:url('cms/help/show',array('id'=>$v['id']))}">{$v.title}</a></li>
                                {/volist}
                            </ul>
                        </div>
                        <div class="hd">
                            <a class="next"></a><ul></ul><a class="prev"></a><span class="pageState"></span>
                        </div>
                   </div>
              </div>
              <form action="{:url('cms/help/search')}" method="get">
                <div class="help-enter clearfix">
                    <input class="help-input" type="text" name="keyword" placeholder="请输入完整的问题，如“如何查找订单”" />
                    <input class="help-btn" type="submit" value="提问" />
                </div>
              </form>
          </div>
      </div>

      <div class="wrap">
          <div class="help-s-title">常用自助服务</div>
          <div class="help-s-list clearfix">
              <dl>
                  <dt><a href=""><img src="/public/static/home/images/help-s-icon1.png" /></a></dt>
                  <dd>
                      <h3><a href="">查询订单</a></h3><span>快速查看订单详情、配送进度、确认收货等</span>
                  </dd>
              </dl>
              <dl>
                  <dt><a href=""><img src="/public/static/home/images/help-s-icon2.png" /></a></dt>
                  <dd>
                      <h3><a href="">物流跟踪</a></h3><span>快速查看订单详情、配送进度、确认收货等</span>
                  </dd>
              </dl>
              <dl>
                  <dt><a href=""><img src="/public/static/home/images/help-s-icon3.png" /></a></dt>
                  <dd>
                      <h3><a href="">取消订单</a></h3><span>快速查看订单详情、配送进度、确认收货等</span>
                  </dd>
              </dl>
              <dl>
                  <dt><a href=""><img src="/public/static/home/images/help-s-icon4.png" /></a></dt>
                  <dd>
                      <h3><a href="">账户安全</a></h3><span>快速查看订单详情、配送进度、确认收货等</span>
                  </dd>
              </dl>
              <dl>
                  <dt><a href=""><img src="/public/static/home/images/help-s-icon5.png" /></a></dt>
                  <dd>
                      <h3><a href="">我的发票</a></h3><span>快速查看订单详情、配送进度、确认收货等</span>
                  </dd>
              </dl>
              <dl>
                  <dt><a href=""><img src="/public/static/home/images/help-s-icon6.png" /></a></dt>
                  <dd>
                      <h3><a href="">申请售后</a></h3><span>快速查看订单详情、配送进度、确认收货等</span>
                  </dd>
              </dl>
              <dl>
                  <dt><a href=""><img src="/public/static/home/images/help-s-icon7.png" /></a></dt>
                  <dd>
                      <h3><a href="{:url('cms/help/question',array('pcatid'=>1))}">行业资讯</a></h3><span>快速查看订单详情、配送进度、确认收货等</span>
                  </dd>
              </dl>
              <dl>
                  <dt><a href=""><img src="/public/static/home/images/help-s-icon8.png" /></a></dt>
                  <dd>
                      <h3><a href="{:url('cms/help/question',array('pcatid'=>2))}">资料下载</a></h3><span>快速查看订单详情、配送进度、确认收货等</span>
                  </dd>
              </dl>
          </div>
      </div>

      <div class="help-question">
          <div class="wrap">
              <div class="help-s-title">热点问题</div>
              <div class="help-q-list">
                  <ul class="clearfix">
                      {volist name="columndata" id="vo"}
                      <li {eq name="key" value="0"} class="current"{/eq}>{$vo.name}<i></i></li>
                      {/volist}
                  </ul>
              </div>
              {volist name="columndata" id="vo"}
                <div {eq name="key" value="0"} class="help-q-tab" {else /}class="help-q-tab hide"{/eq}>
                    <ul class="clearfix">
                        {volist name="vo['subdata']" id="v"}
                            <li><a href="{:url('cms/help/show',array('id'=>$v['id']))}">{$v.title}</a></li>
                        {/volist}
                    </ul>
                </div>
              {/volist}
          </div>
      </div>

  </div>

  <!-- notice -->
  <script type="text/javascript" src="/public/static/home/js/jquery.SuperSlide.2.1.1.js"></script>
  <script>
    //help notice
    jQuery(".picScroll-top").slide({
        titCell: ".hd ul",
        mainCell: ".bd ul",
        autoPage: true,
        effect: "topLoop",
        autoPlay: true,
        vis: 1,
        interTime:6000,
        delayTime:700,
        trigger: "click"
    });
    $(function(){
      //help question tab
      $(".help-q-list ul li").mouseenter(function(){
         $(this).addClass("current").siblings().removeClass("current")
         $(".help-q-tab").hide().eq($(".help-q-list ul li").index(this)).show()
      })
    })
  </script>
